<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <link rel="stylesheet" type="text/css" href="bookshopstyle.css" />
        <script type="text/javascript" src="bookshopscript.js"></script>

    </head>
    <body class="searchform" onload="load()">
        <form>
            <center>
                <table border="0" cellspacing="4">
                    <tbody>
                        <tr>
                            <td><div class="styled-select">
                                    <input type="text" class="searchBox" id ="searchBox" style="color:#D7D7D7" name ="searchBox" onclick="searchField()" onkeyup="result()" onblur="searchField()" value="Suchen.." size="20"  maxlength="90" /></td>
                            <td><select id="searchtyp" name="searchtyp" onchange="result()"> 
                                    <option >Titel</option>
                                    <option >Author</option>
                                    <option >Verlag</option>
                                </select></td>
                            <td><img src="einkaufswagen.PNG" onmouseover="showBasket()" onclick="hideBasket()"></img></td>

                        </tr>
                    </tbody>
                </table>
                <table border="0" cellspacing="4">
                    <tr>
                        <td><div align="right">Sortieren nach:</div></td>
                        <td><select id="sortType" name="sortType" onchange="result()"> 
                               <option >Titel</option>
                                <option >Preis: Aufsteigend</option>
                                <option >Preis: Absteigend</option>
                                <option >Author</option>
                                <option >Verlag</option>
                            </select></td>                      
                    </tr>
                    </tbody>
                </table>
                <div 
                    id="basket" class="mybasket"
                    style="display:none;  
                    padding: 5px; position: absolute; top:25px; right:20px ;width: 420px">
                    Loading your shopping basket
                </div>
                <span class="result" id="results" name="results"></span></center>
        </form></body>
